<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>显示模式之行内元素</title>
    <style>
        span {
            width: 500px;
            height: 500px;

        }
    </style>
</head>

<body>
    <span>pink老师你怎么穿着品如的衣服呢</span> <strong>品如的衣服</strong>
    <span>pink老师</span> <strong>品如的衣服</strong>

    <a href="http://www.baidu.com">
        <a href=""></a>
    </a>
</body>

</html>

<!-- 常见块元素有a,strong,b,em,i,del,s,ins,u,span等，其中span标签是最典型的 行内元素 。有的地方也将行内元素称为 内联元素。 -->


<!-- 行内元素的特点： -->
<!-- 1.相邻行内元素在一行上，一行可以显示多个。 -->
<!-- 2.高，宽直接设置是无效的。 -->
<!-- 3.默认宽度就是它本身内容的宽度。 -->
<!-- 4.行内元素只能容纳文本或其他行内元素。 -->

<!-- 注意！！ -->
<!-- 链接里面不能再放链接 -->
<!-- 特殊情况<a>里面运行放块元素，但是给<a>转一下块模式会更安全。 -->